/* default styling for the magictags */

ul.magictags{
	list-style:none;
	display:inline-block;
	padding:0px;
	border-bottom:1px solid #E0E0E0;
	margin-bottom:10px;
	margin-top:0px;
	padding-bottom:5px;
}

ul.magictags li{
	list-style:none;
	display:inline-block;
	background: url(../images/magictag_passive_left.png) left no-repeat;
	padding-left:17px;
}

ul.magictags span{
	background: url(../images/magictag_passive_right.png) right no-repeat;
	display: inline-block;
	height:35px;
	padding-right:17px;
}

ul.magictags a{
	display: inline-block;
	height:35px;
	text-decoration:none;
	color:#3d3d3d;
	color:#666666;
	background: url(../images/magictag_passive_mid.png) repeat-x;
	padding:0px;
	line-height:35px;
}

ul.magictags a:hover, ul.magictags a.selected:hover{
	color:black;
}

/* surrounding styles */
ul.magictags li.mtagcontrol-filter{
	background: url(../images/left_bracket.png) right no-repeat;
	color: #999999;
	padding:0px;
	padding-right:20px;
	line-height:35px;	
}

ul.magictags li.mtagcontrol-clear span{
	background:none;
	padding:0px;
}

ul.magictags li.mtagcontrol-clear{
	background: url(../images/right_bracket.png) no-repeat;
}

ul.magictags a.mtagcontrol-clear{
	background: none;
	color: #999999;
}


/* Selected Tags */
ul.magictags li.selected{
	background: url(../images/magictag_active_left.png) left no-repeat;
}

ul.magictags span.selected{
	background: url(../images/magictag_active_right.png) right no-repeat;
}

ul.magictags a.selected{
	color:black;
	background: url(../images/magictag_active_mid.png) repeat-x;
}